<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

  <button id="btn">获取天气数据</button>
  

  <script src="./jquery-3.6.0.min.js"></script>
  <script>

    $(function () {

      $('#btn').on({
        click: function () {

          //jQuery的快捷请求方式
          // $.get('http://api.tianapi.com/txapi/tianqi/index', {
          //   key: '05c9c231654fad19051ce388d3a14002',
          //   city: '长春'
          // }, function (result) {
          //   //result: 服务器响应数据
          //   console.log('result ==> ', result);
          // })


          // $.post('http://api.tianapi.com/txapi/tianqi/index', {
          //   key: '05c9c231654fad19051ce388d3a14002',
          //   city: '湛江'
          // }, function (res) {
          //   console.log('res ==> ', res);
          // })


          // $.getJSON('./a.json', function (res) {
          //   console.log('res ==> ', res);
          // })
          

          //通用的请求方式
          // $.ajax({
          //   //请求方式
          //   type: 'get',

          //   //请求地址, 需要服务器的形式打开文件, 不能直接打开本地文件发起请求
          //   url: './a.json',

          //   //请求参数
          //   data: {
          //     id: 20010
          //   },

          //   //请求成功后执行的回调函数
          //   success: function (data) {
          //     console.log('data ==> ', data);
          //   },

          //   //获取json数据
          //   // dataType: 'json'

          // })

        }
      })

    })

  </script>
</body>
</html>